{php}
                                        $temp=rand(11,30);
                                        $pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";
                                        $content = $article->Content;
                                        preg_match_all($pattern,$content,$matchContent);
                                        if(isset($matchContent[1][0]))
                                        $temp=$matchContent[1][0];
                                        else
                                        $temp="$host/zb_users/theme/$theme/style/random/$temp.jpg";
										{/php}            
<div id="article-list">
                        <article class="zan-post clearfix">
 <i class="fa fa-bookmark article-stick"></i> 
	<!-- 大型设备文章显示 -->
	<section class="visible-md visible-lg">
    <div class="category-cloud"><a href="{$article.Category.Url}" title="查看{$article.Category.Name}中的全部文章" rel="category tag">{$article.Category.Name}</a></div>
		<h3>
			<a href="{$article.Url}">{$article.Title}</a>
		</h3>
		<hr>
                  <div class="row">
          <div class="col-md-5">
            <figure class="thumbnail zan-thumb"><a href="{$article.Url}"><img width="400" height="240" src="{$temp}" data-original="{$temp}" class="lazy attachment-medium wp-post-image" alt="banner_10" style="height: 166.79999999999998px; display: block;"><noscript><img width="400" height="240" src="{$temp}" class="attachment-medium wp-post-image" alt="banner_10" /></noscript></a></figure>  
          </div>            
          <div class="col-md-7 visible-lg zan-outline">
<ul id="zi">
{php}$description = preg_replace('/[\r\n\s]+/', '', trim(SubStrUTF8(TransferHTML($article->Content,'[nohtml]'),200)).'...');{/php}{$description}
</ul></div>
          <div class="col-md-7 visible-md zan-outline">         
           
          </div>
        </div>
       
        <hr>
		<div class="pull-right post-info">
			<span><i class="fa fa-calendar"></i>{$article.Time('m月d日,Y')}</span>
			<span><i class="fa fa-user"></i> <a href="{$author.Url}" title="由{$article.Author.StaticName}发布" rel="author">{$article.Author.StaticName}</a></span>
			<span><i class="fa fa-eye"></i>{$article.ViewNums}次</span>
      <span><i class="fa fa-comment"></i> <a href="{$article.Url}">{$article.CommNums}</a></span>
      		</div>
	</section>
	<!-- 大型设备文章显示结束 -->

	<!-- 小型设备文章显示 -->
	<section class="visible-xs  visible-sm">
		<div class="title-article">
			<h4><a href="{$article.Url}">{$article.Title}</a></h4>
		</div>
		<p class="post-info">
			<span><i class="fa fa-calendar"></i>{$article.Time('m月d日,Y')}</span>
			<span><i class="fa fa-eye"></i>{$article.ViewNums}次</span>
		</p>
		<div class="content-article">
      <figure class="thumbnail"><a href="{$article.Url}"><img width="750" height="450" src="{$temp}" data-original="{$temp}" class="lazy attachment-large wp-post-image" alt="banner_10" style="display: block;"></a></figure>		
			<div class="well">
{$description}</div>
		</div>
		<a class="btn btn-zan-line-pp btn-block" href="{$article.Url}" title="详细阅读 {$article.Title}">阅读全文 <span class="badge">25</span></a>
	</section>
	<!-- 小型设备文章显示结束 -->

</article>                  </div>